<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="box"></div>
    <ul>
        <li class="new">111</li>
        <li class="new">111</li>
        <li class="new">111</li>
        <li class="new">111</li>
        <li class="new">111</li>
        <li class="new">111</li>
        <li class="new">111</li>
    </ul>
</body>
<script>
   var obox= document.getElementById('box')
//     obox.innerHTML='123'
//     console.log(document.documentElement)
//     console.log(document.head)
//     console.log(document.body)

    //    console.log(document.getElementById('box'))
    //    obox.innerHTML='12345'

    //   var onew = document.getElementsByClassName('new')
    //   console.log(onew)//伪数组
    //   onew[1].innerHTML='qqqq'
    //   console.log(onew.length)


    //   for(var i=0;i<onew.length;i++){
    //     onew[i].innerHTML='qwe' + i;
    //   }
    //    var newonew = Array.from(onew);
    //    console.log(newonew)


    // var items = document.getElementsByName('li')
    // console.log(items)

    // var newonew = Array.from(onew);
    // console.log(newonew)
    obox.setAttribute('qqqqqq','1111')
    console.log(obox.getAttribute('qqqqqq'))
    obox.removeAttribute('qqqqqq')
    078


</script>
</html>